<template>
    <!-- 留言列表 -->
    <div class="py-5">
          <h2 class="pt-2 pb-3 title">
            <div class="line"></div>
            <span> 留言列表 </span>
          </h2>

          <div
            class="d-flex text-muted mb-3"
            v-for="item in messageList"
            :key="item.id"
          >
            <div class="border-bottom col-md-12">
              <img
                :src="
                  item.gender == 0
                    ? avatar_female
                    : avatar_male
                "
                alt=""
                width="24"
                height="24"
              />
              <strong class="text-gray-dark">{{ item.name }}</strong>
              <p>{{ item.content }}</p>
            </div>
          </div>
        </div>
</template>
<script setup>
const props = defineProps({
    messageList:Array,
    avatar_male:String,
    avatar_female:String
})
// console.log(typeof(props));
console.log(props.avatar_male);
// console.log(avatar_male);
</script>
<style></style>